irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Dark] Purpl.css
228 lines4.3 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* .............Purpl..................... */
3/* --- 👍 designed by https://github.com/Krautt 👍 --- */
4
5* {
6 font-family: "JetBrainsMono Nerd Font";
7 font-weight: bold;
8 min-height: 0;
9 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10 font-size: 97%;
11 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12}
13
14window#waybar {
15 background: #100214;
16 color: #cba6f7;
17}
18
19window#waybar.hidden {
20 opacity: 0.5;
21}
22
23tooltip {
24 background: #1e1e2e;
25 border-radius: 10px;
26 border-width: 2px;
27 border-style: solid;
28 border-color: #11111b;
29 color: #cba6f7;
30}
31
32/*-----module groups----*/
33.modules-right {
34 border: 3px solid #20052a;
35 border-radius: 100px 0px 0px 0px;
36 background-color: #3d174b;
37 padding-top: 2px;
38 padding-bottom: 2px;
39 padding-right: 5px;
40 padding-left: 5px;
41}
42
43.modules-center {
44 padding-top: 2px;
45 padding-bottom: 2px;
46 padding-right: 4px;
47 padding-left: 4px;
48}
49
50.modules-left {
51 /*background-color: #1e1e2e;*/
52 border: 3px solid #20052a;
53 border-radius: 0px 0px 100px 0px;
54 background-color: #441a53;
55 padding-top: 2px;
56 padding-bottom: 2px;
57 padding-right: 5px;
58 padding-left: 5px;
59}
60
61#taskbar button,
62#workspaces button {
63 color: #6E6A86;
64 box-shadow: none;
65 text-shadow: none;
66 padding: 0px;
67 border-radius: 9px;
68 padding-left: 4px;
69 padding-right: 4px;
70 animation: gradient_f 20s ease-in infinite;
71 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
72}
73
74#workspaces button.active {
75 color: #cba6f7;
76 border-radius: 20%;
77 background-color: black;
78 padding-left: 8px;
79 padding-right: 8px;
80 animation: gradient_f 20s ease-in infinite;
81 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
82}
83
84#workspaces button.focused {
85 color: #d8dee9;
86}
87
88#workspaces button.urgent {
89 color: #11111b;
90 border-radius: 10px;
91}
92
93#workspaces button:hover {
94 color: #9CCFD8;
95 border-radius: 15px;
96 padding-left: 2px;
97 padding-right: 2px;
98 animation: gradient_f 20s ease-in infinite;
99 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
100}
101
102#backlight,
103#backlight-slider,
104#battery,
105#bluetooth,
106#clock,
107#cpu,
108#disk,
109#idle_inhibitor,
110#keyboard-state,
111#memory,
112#mode,
113#mpris,
114#network,
115#power-profiles-daemon,
116#pulseaudio,
117#pulseaudio-slider,
118#taskbar,
119#temperature,
120#tray,
121#window,
122#wireplumber,
123#workspaces,
124#custom-backlight,
125#custom-browser,
126#custom-cava_mviz,
127#custom-cycle_wall,
128#custom-dot_update,
129#custom-file_manager,
130#custom-keybinds,
131#custom-keyboard,
132#custom-light_dark,
133#custom-lock,
134#custom-hint,
135#custom-hypridle,
136#custom-menu,
137#custom-playerctl,
138#custom-power_vertical,
139#custom-power,
140#custom-quit,
141#custom-reboot,
142#custom-settings,
143#custom-spotify,
144#custom-swaync,
145#custom-tty,
146#custom-updater,
147#custom-weather,
148#custom-weather.clearNight,
149#custom-weather.cloudyFoggyDay,
150#custom-weather.cloudyFoggyNight,
151#custom-weather.default,
152#custom-weather.rainyDay,
153#custom-weather.rainyNight,
154#custom-weather.severe,
155#custom-weather.showyIcyDay,
156#custom-weather.snowyIcyNight,
157#custom-weather.sunnyDay {
158 color: whitesmoke;
159 padding-top: 4px;
160 padding-bottom: 4px;
161 padding-right: 6px;
162 padding-left: 6px;
163}
164
165#temperature.critical {
166 background-color: #ff0000;
167}
168
169@keyframes blink {
170 to {
171 color: #000000;
172 }
173}
174
175/*-----Indicators----*/
176#custom-hypridle.notactive,
177#idle_inhibitor.activated {
178 color: #39FF14;
179}
180
181#taskbar button.active {
182 background-color: purple;
183 padding-left: 12px;
184 padding-right: 12px;
185 animation: gradient_f 20s ease-in infinite;
186 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
187}
188
189#taskbar button:hover {
190 padding-left: 3px;
191 padding-right: 3px;
192 animation: gradient_f 20s ease-in infinite;
193 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
194}
195
196#battery.critical:not(.charging) {
197 color: #f53c3c;
198 animation-name: blink;
199 animation-duration: 3.0s;
200 animation-timing-function: steps(12);
201 animation-iteration-count: infinite;
202 animation-direction: alternate;
203}
204
205#backlight-slider slider,
206#pulseaudio-slider slider {
207 min-width: 0px;
208 min-height: 0px;
209 opacity: 0;
210 background-image: none;
211 border: none;
212 box-shadow: none;
213}
214
215#backlight-slider trough,
216#pulseaudio-slider trough {
217 min-width: 80px;
218 min-height: 5px;
219 border-radius: 5px;
220 background-color: #6E6A86;
221}
222
223#backlight-slider highlight,
224#pulseaudio-slider highlight {
225 min-height: 10px;
226 border-radius: 5px;
227 background-color: purple;
228}